require.config({
  paths:{
  	"text":"lib/text",
    "jquery":"lib/jquery.min",
    "handlebars":"lib/handlebars",
    "topbarcss":"templates/topbar.css",
    "topbartemp":"templates/topbar.temp",
  }
});

requirejs(["jquery","handlebars","text!topbartemp","text!topbarcss"],
  function($,handlebars,topbartemp,css) {

    //用requireJS Text插件加载模板文件
    $("body").after(topbartemp);

    //引用css样式表
    $(".css-attribute").html(css);

    //加载模板，以及数据绑定
    var data = {"title" : "hello handlebars","btn_text": "click me!"};
    var myTemplate = handlebars.compile($("#topbar").html());
    $(".page").append(myTemplate(data));

    //添加事件监听
    $("#btn2").on("click",function(){
        alert("clicked");
    });

    /*
     * 以下为托管的方式绑定事件

    $(document).on("click","#btn2",function(){
        alert("clicked");
    });

    */
});
